<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>支付宝付款</title>
    <meta name="viewport" content=" initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <script type="text/javascript" src="{$Think.config.RESOURCEURL}wx_assets/js/zepto.1.1.3.min.js{$Think.config.RESOURCE_VER}"></script>
    <script type="text/javascript" src="{$Think.config.RESOURCEURL}wx_assets/js/zepto.alert.js{$Think.config.RESOURCE_VER}"></script>
    <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <script type="text/javascript" src="{$Think.config.RESOURCEURL}wx_assets/js/wx_share_byhyj.js{$Think.config.RESOURCE_VER}"></script>
    <script src="{$Think.config.RESOURCEURL}wx_assets/js/util.js{$Think.config.RESOURCE_VER}" type="text/javascript"></script>
    <link href="{$Think.config.RESOURCEURL}wx_assets/css/common.css{$Think.config.RESOURCE_VER}" rel="stylesheet">
    <style>
        body {
            background-color: #303030;
        }
        .container{
            padding:10px;
            position:relative;
            overflow:hidden;
        }
        .container a:first-child{
            position:absolute;
            left:0;
            top:0;
            width:32px;
            height:32px;
        }
        .container a:nth-child(2){
            right:0;
            top:0;
            position:absolute;
            width:140px;
            height:140px;
        }
        .container a img{
            width:100%;
            height:100%;
            vertical-align: top;
        }
        .container h1{
            color:white;
            font-size:24px;
            text-align: center;
            margin:10px 0;
        }
        .container h2{
            color:white;
            font-size:18px;
            text-align: center;
            margin:30px 0;
        }
        .container .refresh{
            display:block;
            color:white;
            font-size:18px;
            text-align: center;
            border:2px solid white;
            width:111px;
            margin:auto;
            padding:5px 0;
            border-radius: 4px;;
        }
    </style>
</head>
<body>
   <div class="container">
       <div style="height:140px;position: relative;">
           <a class="close">
               <img src="{$Think.config.RESOURCEURL}wx_assets/images/product/alipayclose.png{$Think.config.RESOURCE_VER}">
           </a>
           <a>
               <img src="{$Think.config.RESOURCEURL}wx_assets/images/product/alipayup.png{$Think.config.RESOURCE_VER}">
           </a>
       </div>
       <h1>在浏览器打开</h1>
       <h1>以完成付款</h1>
       <h2>点击</h2>
       <a class="refresh">刷新</a>
       <h2 style="margin-top:10px">查看付款结果</h2>
   </div>
</body>
<script>
    var hrefPath = 'call.html?customerId={$customerId}';
    $(".refresh,.close").click(function(){
        var p = {
            "tplid":1,
            "id":'{$id}'
        };
        location.href = window.hrefPath + '&module=product&method=getOrderDetail&params=' + JSON.stringify(p);
    });
    if ($.util.getUa() != 'weixin' && '{$payType}' == 'ainongpay') {
        location.href = '{$url}';
    }
</script>
</html>